<template>
  <div id="app">
    <div><!-- 导航栏 -->
      <keep-alive>
        <headerbox></headerbox>
      </keep-alive>
    </div>
    <div>
      <div>
        <!-- Body -->
        <router-view></router-view>
      </div>
    </div>
    <div><!-- 页脚 -->
      <keep-alive>
        <footerbox></footerbox>
      </keep-alive>
    </div>
    
  </div>
</template>

<script>
// import header from "./components/Header.vue";
import headerbox from "@/views/header";
import footerbox from "@/views/footer";
// import left from "./components/Left.vue";


export default {
  components: {
    headerbox,
    footerbox
  },
  mounted(){
    console.log(this.common.getpath(this));
  },
  created(){
  }
};
</script>

<style lang="stylus">
body{
  font-size: 14px !important;
  border:1px solid red !important;
  }
@media only screen and (max-width: 1600px){
  body{
    font-size: 14px;
    border:1px solid red;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1280px){
  body{
    font-size: 14px;
    border:1px solid red;
  }
}

@media only screen and (max-width: 1280px) and (min-width: 960px){
  body{
    font-size: 12px;
  }
}

@media only screen and (max-width: 960px){
  body{
    font-size: 10px;
  }
}
</style>
 